<% content_for :jquery do  %>
  $('.colorbox').colorbox({transition:"fade"});
<% end %>

<table id="tabla_usuarios" class="scroll" cellpadding="0" cellspacing="0"></table>
<div id="pager_usuarios" class="scroll" style="text-align:center;"></div>

<script type="text/javascript">
  jQuery("#tabla_usuarios").jqGrid({
  url: "<%= url_for(:controller => "incidentes", :action => "select_usuarios") %>" ,
  datatype: 'json',
  postData: {activo:1},
  colNames:['Nombres', 'Apellidos',],
  colModel : [
  {name: 'nombres', index: 'nombres', width: 200, align: 'left'},
  {name: 'apellidos', index: 'apellidos', width: 200, align: 'left'},
  ],
  rowNum:16,
  rowList:[16,26,36],
  pager: jQuery('#pager_usuarios'),
  sortname: "nombres",
  sortorder: "asc",
  height:  350,
  ondblClickRow: function( rowid) {guardar('tabla_usuarios', '<%=@campo_nombre%>', '<%=@campo_id%>');}
  }).navGrid('#pager_usuarios',{edit:false,add:false,del:false, view:false},{},{},{},{multipleSearch:true});
</script>
<a href="javascript:guardar('tabla_usuarios', '<%=@campo_nombre%>', '<%=@campo_id%>');"><b>Aceptar</b></a>
